<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>TPO </title>
 <style type="text/css">
 	body{
 		font-family:Helvetica;
 		width:100%;
 		background-image:url('images/Fondo.jpg');
		
 	}
 	
  form {
  	width:500px;
  	height:40px;
   	padding: 10px;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .23);
  	border-radius: 3px;
    color: white;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    }
    
    .boton{
    
	/*background-color:rgba(209,72,54,1);*/
	background-color:rgba(53 , 150 , 216 , 1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: none;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	color: white;
	display: inline-block;
	font-size: 20px;
	
	
	
	}
	.texto{
	
	background: rgba(255, 255, 255, 0.9);
 	border: 1px solid grey;
 	 
 	font-size: 14px;
 
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 	display: inline-block;
 	padding: 8px 8px 7px 10px;
 	

	}
  </style>
</head>
<body >

	
	<form action="ControladorUser?action=auth" method="post" >
	
		<input type="text" name="username" id="username" class="texto" placeHolder="Nombre de Usuario">
		<input type="password" name="password" id="password" class="texto" placeHolder="Clave">
		
		<input type="submit" id="submit" name="submit" value="Ingresar" class="boton">
	</form>
	
	
</body>
</html>